Icono favorito

Un icono favorito es una pequeña imagen que se muestra a la izquierda del título de la página en la pestaña del navegador, como esta:

Siga estos pasos para agregar un ícono favorito a su sitio web:

Prepara un archivo ICO como tu ícono favorito (un nombre común para él es “favicon.ico”, pero no es obligatorio)
Guarde el archivo en el directorio rot o en su subcarpeta
Por último, agregue un elemento <link> a su archivo “index.html”, como en el siguiente ejemplo.

<!DOCTYPE html>
<html>
    <head>
        <title>Mi sitio web</title>
        <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
    </head>
    <body>
        <h1>¡Bienvenido a mi sitio!<h1>
    </body>
</html>

Tip

Si el ícono favorito se colocara dentro de la carpeta raíz, el elemento <link> cambiaría su atributo href como se muestra a continuación.

<link rel = "icon" type = "image/x-icon" href = "/favicon.ico" />